.swiper-box{
    min-width: 1190x;
    height: 476px;
    // position: relative;
    overflow: hidden;
    .banner1{
        height: 476px;
        .swiper-wrapper{
            width: 100%;
            height: 476px;
            position: relative;

            .swiper-slide{
                width: 100%;
                height: 476px;
                position: relative;
                z-index: 20;
                height: 476px;
                opacity: 0;
                .img-box{
                    width: 794px;
                    height: 476px;
                    margin: 0 auto;
                    img{
                        width: 794px;
                        height: 476px;
                        z-index: 100;
                    }
                }
            }
            .swiper-slide-active{
                opacity: 1;
            }
        }
        .btn-box{
            position: relative;
            top:-476px;
            width: 794px;
            height: 476px;
            margin: 0 auto;
            z-index: 200;
            .next-btn{
                border-radius: 6px 0 0 6px;
                display: none;
                position: absolute;
                right: 0;
                width: 28px;
                height: 72px;
                top: 185px;
                background-color: #000;
                opacity: 0.4;
                --swiper-navigation-size:14px;
                --swiper-navigation-color:#fff; 
                z-index:300;  
            }
            .prev-btn{
                border-radius: 0 6px 6px 0;
                display: none;
                position: absolute;
                left: 0;
                width: 28px;
                height: 72px;
                top: 185px;
                background-color: #000;
                opacity: 0.4;
                --swiper-navigation-size:14px;
                --swiper-navigation-color:#fff;
                z-index: 300;
            }
            .active{
                display: block;
            }            
        }
        
        .banner-nav{
            span{
                display: inline-block;
                margin-left: 8px;
                width: 20px;
                height: 4px;
                border-radius: 0;
                background-color: #fff;
                opacity: 0.8;
                cursor: pointer;
            }
            .swiper-pagination-bullet-active{
                background-color: #ff8000;
            }
        }
    }
}